const path = require('path')
module.exports = {
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        // lessOptions: {
        modifyVars: {
          // 直接覆盖变量
          //   'nav-bar-background-color': '#007bff',
          //   'nav-bar-title-text-color': '#fff'
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          //   方法二 可以通過less 文件覆蓋 （文件路径为绝对路径）
          // 因为vue.config.js 是对webpack进行配置
        // 所以再webpack中获取文件的绝对路径用__dirname
        // webpack 运行再node环境中（后端环境中）  再node环境中引入的所有文件都必须以绝对路劲的方式引入
        // 在webpack中拼接路径推荐使用path.join   path.resolve来实现路径的拼接
          hack: `true; @import "${path.resolve(
            __dirname,
            'src/style/cover.less'
          )}";`
        }
        // }
      }
    }
  }
}
